{% extends "base.html" %}

  <!-- Page Header -->
{% block header %}
  <header class="masthead" style="background-image: url({{ url_for('static', path='/img/post-bg.jpg') }})">
    <div class="overlay"></div>
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-md-10 mx-auto">
          <div class="post-heading">
            <h1> {{ post.title }} </h1>
            {% for tag in post.tags %}
              <span class="badge badge-secondary">#{{ tag }}</span>
            {% endfor %}
            <h2 class="subheading"> {{ post.description }} </h2>
            <span class="meta">由
              <a href="{{ url_for('about') }}"> {{ post.author }} </a>
              发表于 {{ post.modified.strftime('%B %d, %Y') }} </span>
          </div>
        </div>
      </div>
    </div>
  </header>
{% endblock %}

  <!-- Post Content -->
{% block content %}

  <article>
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-md-10 mx-auto">
          {{post.content | safe}}
        </div>
        <div class="col-lg-8 col-md-10 mx-auto">
            <script src="https://giscus.app/client.js"
                  data-repo="Windstarry/windstarry"
                  data-repo-id="R_kgDOJQak9Q"
                  data-category="Announcements"
                  data-category-id="DIC_kwDOJQak9c4CVbjE"
                  data-mapping="pathname"
                  data-strict="0"
                  data-reactions-enabled="1"
                  data-emit-metadata="0"
                  data-input-position="bottom"
                  data-theme="preferred_color_scheme"
                  data-lang="zh-CN"
                  crossorigin="anonymous"
                  async>
          </script>
        </div>
      </div>
    </div>
  </article>

{% endblock %}
